<div class = "priceMonitorContainer p10" ng-init = "navIndex = 0">

   <!-- <div class="clearfix" style="text-align: center">
        <div id="container" class="fl" style="max-width:700px;height:400px"></div>
        <div id="container2" class="fl" style="max-width:700px;height:400px"></div>
        <div id="container3" style="max-width:700px;height:400px"></div>
        <div id="container4" style="max-width:700px;height:400px"></div>
    </div>
-->


    <div class = "ui secondary pointing menu">
        <a ng-class = "{'item':true,'active':navIndex == 0}" ng-click = "navIndex = 0;">
        型号监控(5)
        </a>
        <a ng-class = "{'item':true,'active':navIndex == 1}" ng-click = "navIndex = 1;">
        链接监控(12)
        </a>
        <a ng-class = "{'item':true,'active':navIndex == 2}" ng-click = "navIndex = 2;">
        品牌监控(4)
        </a>
        <a ng-class = "{'item':true,'active':navIndex == 3}" ng-click = "navIndex = 3;">
        店铺监控(8)
        </a>
    </div>
    <div>
        <!--型号监控-->
        <div class = "clearfix modelType"  ng-show = "navIndex == 0" >
            <div class = "fl" style = "width:15.5%;max-width: 200px;">
                <div class = "tr">
                    <div class = "ui red horizontal label cp" ng-click = "addMonitor(1)">添加监控</div>
                </div>
                <div class = "ui secondary vertical pointing menu" >
                    <a ng-class="{'item':true,'active':curIndex==$index}" ng-click = "showModels($index)" ng-repeat="item in allModel track by $index">
                    {{item}}
                    <i class = "setting icon cp" ng-click = "set($index,1,$event)"></i>
                    </a>

                </div>
            </div>
            <div class = "fl" style = "width:84.5%;">
                <div class = "mt30" style = "margin-left: 25px;text-align: center;">
                    <table class = "ui celled striped table" id="tableID">
                        <caption>
                            <div class = "clearfix">
                                <div class = "tl mb10 fl">
                                    <b>被监控宝贝数:
                                        <span class = "f18">{{totalSize}}</span>
                                    </b>
                                    <b class = "ml10">状态:
                                        <span class = "f18">正在监控</span>
                                    </b>
                                    <b class = "ml10">已持续监控:
                                        <span class = "f18">19天6小时</span>
                                    </b>
                                    <b class = "ml10">监控频率: 一天
                                        <span class = "f18">5</span>
                                                      次
                                    </b>
                                    <b class = "ml10">低价数:
                                        <span class = "f18">99</span>
                                        (44%)
                                    </b>
                                    <b class = "ml10">高价数:
                                        <span class = "f18">12</span>
                                        (5%)
                                    </b>
                                </div>
                                <!--<div class = "fr cp" title = "下载为excel文件" ng-click="download()">
                                    <i class = "download icon"></i>
                                    <span style = "margin-left: -3px;">下载</span>
                                    <div class = "ui dropdown fl">
                                        <span style = "margin-left: -3px;">下载</span>
                                        <div class = "menu">
                                            <div class = "item"><i class="file excel outline icon"></i>XLS</div>
                                            <div class = "item"><i class="file word outline icon"></i>Word</div>

                                        </div>
                                    </div>
                                </div>-->
                                <!--<div class = "fr cp mr20" title = "下载为excel文件">
                                    <i class = "globalCategory icon"></i>
                                    <span style = "margin-left: -3px;">筛选</span>
                                </div>-->
                            </div>
                            <!--筛选-->
                            <div class = "clearfix" style="padding-bottom: 5px;">

                                <div class = "ui dropdown fl">
                                    <div class = "text" >全部</div>
                                    <i class = "dropdown icon"></i>
                                    <div class = "menu">
                                        <div class = "item" value="exceed" ng-click="showAll()">全部</div>
                                        <div class="divider"></div>
                                        <div class = "item" value="exceed" ng-click="showExceed()">违规</div>
                                        <div class = "item" value="exceed" ng-click="showLow()">违规中的低价</div>
                                        <div class = "item" value="exceed" ng-click="showHigh()">违规中的高价</div>
                                    </div>
                                </div>
                                <div class = "ui dropdown fl ml10" id="platform">
                                    <div class = "text">平台</div>
                                    <i class = "dropdown icon"></i>
                                    <div class = "menu" >
                                        <div class="item" value="platform">平台</div>
                                        <div class="divider"></div>
                                        <div class = "item" value="platform" ng-repeat="item in searchAll.plant">{{item}}</div>

                                    </div>
                                </div>
                                <div class = "ui dropdown fl ml10" value="brand">
                                    <div class = "text">品牌</div>
                                    <i class = "dropdown icon"></i>
                                    <div class = "menu">
                                        <div class = "item" value="brandName">品牌</div>
                                        <div class="divider"></div>
                                        <div class = "item" value="brandName" ng-repeat=" item in searchAll.brandName" ng-click="mysearch($index)">{{item}}</div>
                                    </div>
                                </div>
                                <div class = "ui dropdown fl ml10" value="shopname">
                                    <div class = "text">店铺</div>
                                    <i class = "dropdown icon"></i>
                                    <div class = "menu" style="max-height: 180px;overflow-y: auto;overflow-x: hidden;">
                                        <div class = "item" value="nick">店铺</div>
                                        <div class="divider"></div>
                                        <div class = "item" value="nick" ng-repeat=" item in searchAll.nick">{{item}}</div>

                                    </div>
                                </div>

                                <div class = "ui dropdown fl ml10">
                                    <div class = "text">低价形式</div>
                                    <i class = "dropdown icon"></i>
                                    <div class = "menu">
                                        <div class = "item" value="method">低价形式</div>
                                        <div class="divider"></div>
                                        <div class = "item" value="method" ng-repeat="item in searchAll.method">{{item}}</div>

                                    </div>
                                </div>
                                <!--显示几行记录-->
                                <div class="fr">
                                    <label>记录条数</label>
                                    <div class="ui mini icon input">
                                        <input type="text" placeholder="Rows" id="changeRowsValue" style="max-width: 80px;" ng-model="changeRowsValue" >
                                        <i class="circular search link icon" ng-click="rowsChange()"></i>
                                    </div>
                                </div>
                            </div>

                        </caption>
                        <style>
                            .ui.celled.table tr th{
                                cursor: pointer;
                            }
                        </style>
                        <thead>
                            <tr align="center">
                                <th ng-click="sort('date')">
                                    上市日期
                                    <label ng-show="sortKey=='date'"><i ng-class="{'sort content descending icon':!reverse,'sort content ascending icon':reverse}"></i></label>
                                </th>
                                <th>图片</th>
                                <th ng-click="sort('title')" style = "width:240px;">
                                    标题
                                    <label ng-show="sortKey=='title'"><i ng-show="sortKey=='title'" ng-class="{'sort content descending icon':!reverse,'sort content ascending icon':reverse}"></i></label>
                                </th>
                                <th ng-click="sort('platform')">平台 <label ng-show="sortKey=='platform'"><i ng-class="{'sort content descending icon':!reverse,'sort content ascending icon':reverse}"></i></label></th>

                                <th ng-click="sort('loc')">地区 <label ng-show="sortKey=='loc'"><i ng-class="{'sort content descending icon':!reverse,'sort content ascending icon':reverse}"></i></label></th>

                                <th ng-click="sort('brandName')">品牌 <label ng-show="sortKey=='brandName'"><i ng-class="{'sort content descending icon':!reverse,'sort content ascending icon':reverse}"></i></label></th>
                                <th ng-click="sort('nick')">店铺 <label ng-show="sortKey=='nick'"><i ng-class="{'sort content descending icon':!reverse,'sort content ascending icon':reverse}"></i></label></th>
                                <!--<th>品类</th>-->
                                <th ng-click="sort('stangardPrice')">标准价 <label ng-show="sortKey=='stangardPrice'"><i ng-class="{'sort content descending icon':!reverse,'sort content ascending icon':reverse}"></i></label></th>
                                <th ng-click="sort('price')">实际价 <label ng-show="sortKey=='price'"><i ng-class="{'sort content descending icon':!reverse,'sort content ascending icon':reverse}"></i></label></th>
                                <th ng-click="sort('exceed')">超标量 <label ng-show="sortKey=='exceed'"><i ng-class="{'sort content descending icon':!reverse,'sort content ascending icon':reverse}"></i></label></th>
                                <th ng-click="sort('method')">低价形式 <label ng-show="sortKey=='method'"><i ng-class="{'sort content descending icon':!reverse,'sort content ascending icon':reverse}"></i></label></th>
                                <th>低价截图</th>
                                <th>查看分析</th>

                                <!--<th>联系卖家</th>-->

                                <th>设置</th>
                            </tr>
                        </thead>
                        <tbody>

                        <!--ng-repeat-->
                        <!--| itemsPerPage: singlePageSize"  total-items="totalItems" current-page="pagination.current" -->
                            <!--<tr dir-paginate = "prod in pros | globalCategory: search.platform | globalCategory: search.brandName | globalCategory: search.nick | globalCategory: search.method | orderBy: sortKey : reverse | itemsPerPage: numInPerPage" total-items="totalSize" current-page="pagination.current" pagination-id="cust">-->
                            <tr dir-paginate = "prod in pros | filter: search.platform | filter: search.brandName | filter: search.nick | filter: search.method | orderBy: sortKey : reverse | itemsPerPage: numInPerPage track by $index"  pagination-id="demo" current-page="pagination.current">
                                <td>2016.7.13</td>
                                <td>
                                    <a href="">
                                       <img ng-src = "http://{{prod.picUrl}}" alt = "" class = "w60" ng-click="lightPhoto(prod.title,prod.picUrl)">
                                    </a>
                                </td>
                                <td>
                                    <a href = "">
                                    {{prod.title}}
                                    </a>
                                </td>
                                <td>
                                    {{prod.platform}}
                                </td>
                                <td>{{prod.loc}}</td>
                                <td>{{prod.brandName}}</td>
                                <td>{{prod.nick}}</td>
                                <!--<td>{{prod.category}}</td>-->
                                <td>{{prod.stangardPrice | number:2}}</td>
                                <td>{{prod.price | number:2}}</td>
                                <td class="red">{{prod.price-prod.stangardPrice | number:2}}</td>
                                <td>{{prod.method}}</td>
                                <td>
                                    <img ng-src = "/trend-new-BI/assets/img/price/{{prod.evid}}" class = "w60" alt = "" ng-click="lightPhoto('低价截图',prod.evid)">
                                </td>
                                <td>
                                    <a href = "" mytitle="{{prod.title}}" plant="{{prod.platform}}" ng-click = "getPriceTrend($event,1)">查看分析</a>
                                </td>

                                <!--<td>
                                    <a target="_blank" href="http://www.taobao.com/webww/ww.php?ver=3&touid=2552&siteid=cntaobao&status=1&charset=utf-8"><img src="" alt=""/></a>
                                </td>-->

                                <td>
                                    <i class = "setting icon cp" ng-click="editMonitor(1)"></i>
                                </td>

                            </tr>
                            <!--没有数据-->
                            <tr ng-show="">
                               <td colspan="15">没有匹配的数据.</td>
                            </tr>
                        </tbody>
                    </table>
                    <!--枫叶-->
                    <dir-pagination-controls pagination-id="demo"
                                             max-size="10"
                                             direction-links="true"
                                             boundary-links="true"></dir-pagination-controls>
                    <!--<dir-pagination-controls
                            direction-links="true"
                            boundary-links="true"
                            on-page-change="pageChanged(newPageNumber)" pagination-id="cust"></dir-pagination-controls>-->
                </div>

            </div>
        </div>
        <!--链接监控-->
        <div class="clearfix linkType" ng-show = "navIndex == 1">
            <div>
                <!--head-tool-->
                <div class = "tl clearfix">
                    <div class = "ui red horizontal label cp" ng-click = "addMonitor(2)">添加监控</div>

                    <div class = "fr ui small icon input mr30">
                        <input type = "text" placeholder = "Search...">
                        <i class = "search icon"></i>
                    </div>
                    <!--筛选-->
                    <div class = "fr clearfix mr30">

                        <div class = "ui dropdown fl">
                            <div class = "text">全部</div>
                            <i class = "dropdown icon"></i>
                            <div class = "menu">
                                <div class = "item">全部</div>
                                <div class = "item">违规</div>
                                <div class = "item">违规中的低价</div>
                                <div class = "item">违规中的高价</div>
                            </div>
                        </div>
                        <div class = "ui dropdown fl ml10">
                            <div class = "text">平台</div>
                            <i class = "dropdown icon"></i>
                            <div class = "menu">
                                <div class="item">平台</div>
                                <div class = "item">天猫</div>
                                <div class = "item">淘宝</div>
                            </div>
                        </div>
                        <div class = "ui dropdown fl ml10">
                            <div class = "text">品牌</div>
                            <i class = "dropdown icon"></i>
                            <div class = "menu">
                                <div class = "item">达芙妮</div>
                                <div class = "item">娃哈哈</div>
                            </div>
                        </div>
                        <div class = "ui dropdown fl ml10">
                            <div class = "text">店铺</div>
                            <i class = "dropdown icon"></i>
                            <div class = "menu">
                                <div class = "item">水密码旗舰店</div>
                                <div class = "item">御泥坊旗舰店</div>
                                <div class = "item">maysu美素旗舰店</div>
                                <div class = "item">水密码旗舰店</div>
                            </div>
                        </div>
                        <div class = "ui dropdown fl ml10">
                            <div class = "text">品类</div>
                            <i class = "dropdown icon"></i>
                            <div class = "menu">
                                <div class = "item">美妆</div>
                                <div class = "item">美妆</div>
                                <div class = "item">美妆</div>
                                <div class = "item">美妆</div>
                            </div>
                        </div>
                        <div class = "ui dropdown fl ml10">
                            <div class = "text" ng-model="search.$">低价形式</div>
                            <i class = "dropdown icon"></i>
                            <div class = "menu">
                                <div class = "item">价格</div>
                                <div class = "item">满减</div>
                                <div class = "item">买就送</div>
                                <div class = "item">限时打折</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class = "ml20 mr20 mt10">
                    <div dir-paginate = "prod in model[0].docu | orderBy: sortKey : reverse | itemsPerPage: 10" class = "mt30" pagination-id="address">
                        <table class = "ui celled striped table">
                            <caption>
                                <div class = "tl mb10 fl">
                                    <b class = "ml20">状态:正在监控</b>
                                    <b class = "ml20">已持续监控:
                                        <span class = "f18">{{prod.time}}</span>
                                    </b>
                                    <b class = "ml20">监控频率: 一天
                                        <span class = "f18">5</span>
                                                      次
                                    </b>
                                    <!--                                <b class = "ml20">低价数:
                                                                        <span class = "f18">35</span>
                                                                                      (34.56%)
                                                                    </b>
                                                                    <b class = "ml20">高价数:
                                                                        <span class = "f18">12</span>
                                                                                      (9.77%)
                                                                    </b>-->
                                </div>
                                <div class = "ui red horizontal label fr cp"  ng-click = "priceMonitorDataAnalyse()">
                                    <i class = "pie chart icon"></i>
                                    数据分析
                                </div>
                                <div class = "ui red horizontal label fr cp" mytitle="{{prod.title}}" plant="{{prod.platform}}" ng-click = "getPriceTrend($event,0)">
                                    <i class = "line chart icon"></i>
                                    价格走势
                                </div>
                            </caption>
                            <thead>
                                <tr align="center">
                                    <th>图片</th>
                                    <th style = "width:240px;">标题</th>
                                    <th>平台</th>
                                    <th>地区</th>
                                    <th>品牌</th>
                                    <th>店铺</th>
                                    <th>品类</th>
                                    <th>标准价</th>
                                    <th>实际价</th>
                                    <th>超标量</th>
                                    <th>低价形式</th>
                                    <th>低价截图</th>
                                    <th>设置</th>
                                </tr>

                            </thead>
                            <tbody>
                                <tr>
                                    <td>
                                        <img ng-src = "{{prod.pic}}" alt = "" class = "w60">
                                    </td>
                                    <td>
                                        <a href = "">
                                        {{prod.title}}
                                        </a>
                                    </td>
                                    <td>
                                        {{prod.platform}}
                                    </td>
                                    <td>{{prod.city}}</td>
                                    <td>{{prod.brand}}</td>
                                    <td>{{prod.shopname}}</td>
                                    <td>{{prod.category}}</td>
                                    <td>{{prod.stangardPrice}}</td>
                                    <td>{{prod.actualPrice}}</td>
                                    <td class="red">{{prod.exceed}}</td>
                                    <td>{{prod.method}}</td>
                                    <td>
                                        <img ng-src = "{{prod.evid}}" class = "w60" alt = "">
                                    </td>
                                    <td>
                                        <i class = "setting icon cp" ng-click = "addMonitor()"></i>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                    </div>
                    <!--枫叶-->
                    <dir-pagination-controls pagination-id="address"
                            max-size="10"
                            direction-links="true"
                            boundary-links="true"
                            >
                    </dir-pagination-controls>
                </div>
            </div>
        </div>
        <!--开发中-->
        <div class="clearfix blandType" ng-show = "navIndex == 2">品牌监控</div>
        <div class="clearfix shopMallType" ng-show = "navIndex == 3">店铺监控</div>

    </div>



</div>